function changeThumnail(){
  var $imgLarge = jQuery('#btnLargeImage'), $imgLarge_icon = jQuery('#btnZoomIcon');

    jQuery('#thumblist img').each( function(){
        var $this = jQuery(this),
            imgLink = $this.attr('src');
        $this.click(function(e){
            e.preventDefault();
            $imgLarge.attr('href',imgLink);
            $imgLarge.find('img').attr('src',imgLink);
            $imgLarge_icon.attr('href',imgLink);
        });
    });

};

jQuery(document).ready(function() {

	//slider homepage
	  jQuery('#camera_wrap_1').camera({
	    height: '620px',
	    loader: 'bar',
	    //pagination: false,
	    //thumbnails: true
	  });

	//tab
	  jQuery("#tabsholder").tytabs({
			tabinit:"2",
			fadespeed:"fast"
			});

	//relation products
	jQuery('#foo1').carouFredSel({
		auto			:{
        duration        : 1500,
        easing          : "linear"
			},
		prev			:'#foo1_prev',
		next			:'#foo1_next',
		items       : 
        {
            height      : 312,
            width       : 730
        }
	});

   //Product detail zoom
    jQuery('.imgZoom').prettyPhoto({
        social_tools:'',
        show_title: false
    });

    //Product change thumnail
    changeThumnail();

    //scroll bar
    var $scrollbar  = jQuery('#scrollbar1')
        ,   $overview   = $scrollbar.find(".overview")
        ,   loadingData = false
        ;

        $scrollbar.tinyscrollbar({thumbSize : 50});

        var scrollbarData = $scrollbar.data("plugin_tinyscrollbar")

        $scrollbar.bind("move", function()
        {
            // The threshold will enable us to start loading the text before we reach the end.
            //
            var threshold       = 1.0
            ,   positionCurrent = scrollbarData.contentPosition + scrollbarData.viewportSize
            ,   positionEnd     = scrollbarData.contentSize * threshold
            ;
        });

        //Scroll to top
        
        jQuery('.btn_scrolltop').click(function(){
	        jQuery("html, body").animate({ scrollTop: 0 }, 600);
	        return false;
        });

        //Dropdown menu
         /*jQuery('.first_effect').hover(function(){
            jQuery('.effect').addClass('animated fadeIn');
            }, function(){
                jQuery('.effect').removeClass('animated fadeIn');
        });*/

        /*jQuery('.sanphamTB ul li a').hover(function(){
            jQuery(this).addClass('animated fadeIn');
            }, function(){
                jQuery(this).removeClass('animated fadeIn');
        });

        jQuery('.listSP li a').hover(function(){
            jQuery(this).addClass('animated pulse');
            }, function(){
                jQuery(this).removeClass('animated pulse');
        });*/


         /*jQuery('#cssmenu > ul > li > a').click(function() {
          var checkElement = jQuery(this).next();
          
          jQuery('#cssmenu li').removeClass('active');
          jQuery(this).closest('li').addClass('active'); 
          
          
          if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            jQuery(this).closest('li').removeClass('active');
            checkElement.slideUp('normal');
          }
          
          if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            jQuery('#cssmenu ul ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
          }
          
          if (checkElement.is('ul')) {
            return false;
          } else {
            return true;  
          }   
        });*/
		
	jQuery('.sidenav1 li:has(ul)').addClass("has-sub");
	
	jQuery('.sidenav1').find('.has-sub').find('a:first').addClass("sub");
	
	jQuery('.sidenav1 ul ul').addClass("sub-menu");
	
	jQuery(".sub-menu").hide();
	jQuery('.sidenav1 li a').click(
	
	function() {
		var checkElement = jQuery(this).next(); 
	
		if( jQuery(this).parent().hasClass('top') ) {
		jQuery('.sidenav1 li').removeClass('active');
		} else {
			jQuery('.sidenav1 li:not(.top)').removeClass('active');
		}
	
		jQuery(this).closest('li').addClass('active'); 
		
		if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
		jQuery(this).closest('li').removeClass('active');
			checkElement.slideUp('normal');
			return false;
		}
		
		if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			jQuery('.sidenav1 ul:visible').not(checkElement.parentsUntil('.sidenav')).slideUp('normal');
			checkElement.slideDown('normal');
			return false;
		}
	});
	
	
	jQuery('.sidenav2 li:has(ul)').addClass("has-sub");
	
	jQuery('.sidenav2').find('.has-sub').find('a:first').addClass("sub");
	
	jQuery('.sidenav2 ul ul').addClass("sub-menu");
	
	jQuery(".sub-menu").hide();
	jQuery('.sidenav2 li a').click(
	
	function() {
		var checkElement = jQuery(this).next(); 
	
		if( jQuery(this).parent().hasClass('top') ) {
		jQuery('.sidenav2 li').removeClass('active');
		} else {
			jQuery('.sidenav2 li:not(.top)').removeClass('active');
		}
	
		jQuery(this).closest('li').addClass('active'); 
		
		if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
		jQuery(this).closest('li').removeClass('active');
			checkElement.slideUp('normal');
			return false;
		}
		
		if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			jQuery('.sidenav2 ul:visible').not(checkElement.parentsUntil('.sidenav')).slideUp('normal');
			checkElement.slideDown('normal');
			return false;
		}
	});
	
	
	jQuery('.sidenav3 li:has(ul)').addClass("has-sub");
	
	jQuery('.sidenav3').find('.has-sub').find('a:first').addClass("sub");
	
	jQuery('.sidenav3 ul ul').addClass("sub-menu");
	
	jQuery(".sub-menu").hide();
	jQuery('.sidenav3 li a').click(
	
	function() {
		var checkElement = jQuery(this).next(); 
	
		if( jQuery(this).parent().hasClass('top') ) {
		jQuery('.sidenav3 li').removeClass('active');
		} else {
			jQuery('.sidenav3 li:not(.top)').removeClass('active');
		}
	
		jQuery(this).closest('li').addClass('active'); 
		
		if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
		jQuery(this).closest('li').removeClass('active');
			checkElement.slideUp('normal');
			return false;
		}
		
		if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			jQuery('.sidenav3 ul:visible').not(checkElement.parentsUntil('.sidenav')).slideUp('normal');
			checkElement.slideDown('normal');
			return false;
		}
	});
		
		jQuery(document).ready( function() {
		  jQuery('.active').parent('ul').show();
		  jQuery('.active').parent().parent().parent().show();
		});
});





